<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=>>, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    #pwd{
       margin-left:27px;
    }
</style>
<body>
   <div>
       <p>
           <label for = "nickName">用户名：</label>
           <input id = "nickName" type = "text">
       </p>
       <p>
           <label for = "pwd">密码:</label>
           <input id = "pwd" type = "password">
       </p>
       <p>
        <label for = "">性别:</label>
        <input type = "radio" name = "gender">男
        <input type = "radio" name = "gender">女
       </p>
       <p>
        <label for = "hobby">爱好:</label>
        <input type = "checkbox" name = "hobby" id = "c1">敲代码
        <input type = "checkbox" name = "hobby" id = "c2">读书
        <input type = "checkbox" name = "hobby" id = "c3">打篮球
        <input type = "checkbox" name = "hobby" id = "c4">吃
        <input type = "checkbox" name = "hobby" id = "c5">睡觉
       </p>
       <p>
           <label>自我介绍</label>
           <input type = "">
       </p>
       <p>
           <label>照片</label>
           <input type = "file">
       </p>
       <p>
           <lanel>籍贯：</lanel>
           <select name = "pro" id = "pro">
               <option value = "1">北京</option>
               <option value = "2">上海</option>
               <option value = "3">深圳</option>
               <option value = "4">广州</option>
               <option value = "5">郑州</option>
           </select>
       </p>
       <p>
           <input type = "reset" value = "提交">
           <input type = "reset" value = "重置">
       </p>
   </div>
</body>
</html>